import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Image 
} from 'react-native';


import pxToDp from '../../../utils/pxToDp'
import avatar from '../../../images/avatar.jpg'

export default class Avatar extends Component{
	render(){
		return (
			<View style={styles.container}>
			
				<Image style={styles.avatar} source={avatar}/>
			</View>
		)
	}
}


const styles = StyleSheet.create({
  container:{
  	width:pxToDp(115),
  	height:pxToDp(115),
		borderRadius:pxToDp(57.5),
		borderWidth:pxToDp(7),
		borderStyle:'solid',
		borderColor:'#8366a8'
  },
  avatar:{
  	width:pxToDp(100),
  	height:pxToDp(100),
  	borderRadius:pxToDp(50),
  }
  
});